<template>
  <div>
      <div class="title">热门推荐</div>
      <ul class="menu">
        <li @click="menu1">笔记本电脑</li>
        <li @click="menu2">手机</li>
        <li @click="menu3">笔记本电脑</li>
        <li @click="menu4">手机</li>
        <li>笔记本电脑</li>
        <li>手机</li>
        <li>笔记本电脑</li>
        <li>手机</li>
        <li>笔记本电脑</li>
        <li>手机</li>
        <li>笔记本电脑</li>
        <li>手机</li>
      </ul>
  </div>
</template>

<script>
import MSG from "../components/msg.js";
export default {
  
  methods: {
    menu1(){
       MSG.$emit("val",1)
    },
    menu2(){
      MSG.$emit("val",2)
    },
    menu3(){
       MSG.$emit("val",3)
    },
    menu4(){
      MSG.$emit("val",4)
    }


  }

}
</script>

<style>
.title{
    width: 100px;
    color: red;
}
.menu li{
    list-style: none;  
    height: 30px;
    margin-bottom: 2px;
    background-color: white;
    line-height: 30px;
    cursor: pointer;
}

</style>